<template>
	<view class="page_box">
		<u-navbar :is-back="true" title="投保告示" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
			<view class="padding-b padding-lr">
				<view class="flex flex-direction  ">
					<view class="flex align-center justify-between padding-tb-sm  solid-bottom" @click="show = !show">
						<text class="f45 text-bold">复星联合投保须知</text>
						<text class="f43 text-red">
							未读
							<i class="cuIcon-fold text-gray ml20"></i>
						</text>
						<!-- <text class="f43 text-gray">
							已读
							<i class="cuIcon-unfold text-gray ml20"></i>
						</text> -->
					</view>
					<text v-if="show" class="padding-tb f41" style="color: #040404;">
						1、本保险每人限投1份。被保险人职业类别仅限《职业类别分
						类表》中1-4类（其中家具制造、木材加工及木、竹、藤、棕、 草制品、石材加工制造业除外），
					</text>
					
				</view>
				<view class="flex flex-direction  ">
					<view class="flex align-center justify-between padding-tb-sm  solid-bottom" @click="show1 = !show1">
						<text class="f45 text-bold">复星联合康爱久久免除保险人责任条款的</text>
						<text class="f43 text-red">
							未读
							<i class="cuIcon-fold text-gray ml20"></i>
						</text>
					</view>
					
					<text v-if="show1" style="color: #040404;" class="padding-tb f41">
						1、本保险每人限投1份。被保险人职业类别仅限《职业类别分
						类表》中1-4类（其中家具制造、木材加工及木、竹、藤、棕、 草制品、石材加工制造业除外），
					</text>
				</view>

				<view class="flex flex-direction  ">
					<view class="flex align-center justify-between padding-tb-sm  solid-bottom" @click="show2 = !show2">
						<text class="f45 text-bold">复星联合扣款知情同意书</text>
						<text class="f43 text-red">
							未读
							<i class="cuIcon-fold text-gray ml20"></i>
						</text>
					</view>
					<text v-if="show2" style="color: #040404;" class="padding-tb f41">
						1、本保险每人限投1份。被保险人职业类别仅限《职业类别分
						类表》中1-4类（其中家具制造、木材加工及木、竹、藤、棕、 草制品、石材加工制造业除外），
					</text>
				</view>
			</view>
			<view class="h330"></view>
			<view class="ww100  flex f flex-direction">
				<view
					class="flex h188  align-center pl88 pr88"
					style="background: #f5f5f5;"
					@click="residents = !residents"
				>
					<i
						v-if="residents"
						class="w60 h60 text-white cuIcon-check  round text-center mr20"
						style="background: #CFCECE; overflow: hidden;  "
					></i>
					<i
						v-else
						class="w60 h60 text-white cuIcon-check round text-center  block mr20"
						style="background: #FC4E4E; overflow: hidden; "
					></i>
					<view class="f-1 ml30">
						<text class="f45 lh1.7">
							投保人已阅读,
							<text class="text-red">《复兴联合康爱久久重大疾病保险条款》</text>
							, 已充分理解并遵宁相关要求。
						</text>
					</view>
				</view>
				<view class="flex  ww100 h149">
					<text
						class="f-1 flex align-center justify-center bg-white text-red"
						@click="click(1)"
						:class="c == 1 ? 'style' : ''"
					>
						上一步
					</text>
					<text
						class="f-1 flex align-center justify-center  text-red bg-white"
						@click="click(2)"
						:class="c == 2 ? 'style' : ''"
					>
						下一步
					</text>
				</view>
			</view>
		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			c: 2,
			show: false,
			show1: false,
			show2: false,

			residents: true
		};
	},
	onShow() {},
	onLoad(e) {},
	methods: {
		async click(e) {
			this.c = e;
			if (e == 2) {
				this.l.to('/pages/index/checkOrdr');
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {
	.f {
		position: fixed;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	/deep/.style {
		color: #ffffff !important;
		background-color: #fc4e4e !important;
	}
}

.content_box {
}
</style>
